<div class="box boss-featured">
	<div class="box-heading">
		<?php echo $heading; ?>
    </div>
	<div class="box-content">
		<div id="boss-featured-content<?php echo $module; ?>" class="list_carousel responsive">
			<ul class="content-products box-product" ><?php $i = 0; $count_product = count($products);
				while($i < $count_product){  ?><li class="products">
					<?php $j=0; while($j<3 && $i < $count_product){ ?>
						<?php $product = $products[$i]; ?>
						<div  class="not-animated" data-animate="fadeInUp" data-delay="200">

                            <?php if($product['special']) { ?>
                            <div class="promotion-icon">
                                <?php echo $product['promotion']; ?>
                            </div>
                            <?php } ?>

							<?php if ($product['thumb']) { ?>
							<div class="image"><a class="box_img" data-id="<?php echo $product['product_id']; ?>" href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>"/></a></div>
							<?php } ?>
							<div class="product_detail">
								<div class="name"><a href="<?php echo $product['href']; ?>" title="<?php echo $product['name']; ?>"><?php echo $product['name']; ?></a></div>
								<?php if ($product['price']) { ?>
								<div class="price">
									<?php if (!$product['special']) { ?>
									<?php echo $product['price']; ?>
									<?php } else { ?>
									<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
									<?php } ?>
								</div>
								<?php } ?>
								 
							</div>
						</div>
						<?php $j++; $i++; ?>
					<?php } ?>
				</li><?php } ?>
			</ul>
			<a id="prev_featured<?php echo $module; ?>" class="prev" href="javascript:void(0)">&lt;</a>
			<a id="next_featured<?php echo $module; ?>" class="next" href="javascript:void(0)">&gt;</a>
		</div>
	</div>
<script type="text/javascript"><!--
$(window).load(function(){
	$('#boss-featured-content<?php echo $module; ?> > ul').carouFredSel({
		responsive: true,
		width: '100%',
		height: 'variable',
		prev: '#prev_featured<?php echo $module; ?>',
		next: '#next_featured<?php echo $module; ?>',
		auto: false,
		swipe: {
				onTouch : true
			},
		items: {
				width: 290 ,
				height: 'auto',
				visible: {
					min: 1,
					max: 1
				}
			},
		scroll: {
				items : 'auto',
				direction : 'left',    //  The direction of the transition.
				duration  : 1000   //  The duration of the transition.
			}
	});
});
//--></script>
</div>

